/* FORM styles
============================== */
form {
    margin-bottom: 0 !important;
}

label { 
    display: block;  /* block float the labels to left column, set a width */
    float: left; 
    width: 70px; 
    padding: 3px;
    margin: 5px 0 1px 0; /* set top margin same as form input - textarea etc. elements */
    font-weight: bold;
    border-bottom: 1px dotted deepskyblue;
}

input[type="text"], input[type="password"], textarea, select,  input[type="filter"] {
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin:5px 0 10px 10px; /* set margin on left of form elements rather than right of
                          label aligns textarea better in IE */
    padding: 3px;
    border: 1px solid deepskyblue;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

button {
    margin-left: 10px;
}

input{
    width: auto ;
    margin:5px 0 0 10px;
}

textarea { overflow: auto; }

fieldset{
    border: 1px solid deepskyblue;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0px 0px 10px;
}

legend{
    padding: 3px 3px 3px 3px;
    border: 1px solid deepskyblue;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: black;
    font-weight: bold;
}

.select{
    border: 1px solid deepskyblue;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 200px;
    margin:5px 0 10px 10px; /* set margin on left of form elements rather than right of
                      label aligns textarea better in IE */
    padding: 3px;

}
